<template>
  <div style="margin:0px 5%">
    <h1>智库详情</h1>
    <div class="content-row">
      <h1 class="h-title">基本信息</h1>
      <div class="row-left">
        <div class="avatar">
          <img :src="infoObj.expertAvatar" alt width="90%">
        </div>
      </div>
      <div class="row-right">
        <div class="row-title">
          <h1 class="h1-data">{{infoObj.expertName}}</h1>
        </div>
        <div class="padding-class">
          <span class="row-right-row">学院:</span>
          <span >{{infoObj.expertName}}</span>
        </div>
        <div class="padding-class">
          <span class="row-right-row">职务职称：</span>
          <span>{{infoObj.job}}</span>
        </div>
        <div class="padding-class">
          <span class="row-right-row">电子邮箱：</span>
          <span>{{infoObj.email}}</span>
        </div>
      </div>
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br>
    <div v-if="infoObj.personInfo != ''">
      <h1 class="h-title">个人介绍</h1>
      <div class="">
        {{infoObj.personInfo}}
      </div>
    </div>
    <div v-if="infoObj.socialPartJob != ''">
      <h1 class="h-title">社会兼职</h1>
      <div>
        {{infoObj.socialPartJob}}
      </div>
    </div>
    <div v-if="infoObj.researchDir != ''">
      <h1 class="h-title">研究方向</h1>
      <div>
        {{infoObj.researchDir}}
      </div>
    </div>
    <div v-if="infoObj.edbg != ''">
      <h1 class="h-title">教育背景</h1>
      <div>
        {{infoObj.edbg}}
      </div>
    </div>
    <div v-if="infoObj.workExp">
      <h1 class="h-title">工作经验</h1>
      <div>
        {{infoObj.workExp}}
      </div>
    </div>
    <div v-if="infoObj.teachCour != ''">
      <h1 class="h-title">教授课程</h1>
      <div>
        {{infoObj.teachCour}}
      </div>
    </div>
    <div v-if="infoObj.article != ''">
      <h1 class="h-title">发表论文</h1>
      <div>
        {{infoObj.article}}
      </div>
    </div>
    <div v-if="infoObj.awardInfo != ''" style="margin-bottom: 50px">
      <h1 class="h-title">获奖信息</h1>
      <div>
        {{infoObj.awardInfo}}
      </div>
    </div>
    

    
  </div>
</template>
<script>
import { getExpert } from "@/api/tcsp/expert.js";


export default {
  name: "scientificInfoDetail",
  data() {
    return {
      loading: true,
      infoObj: {
      }  //一个空对象 -- 存储查询结果
    }
  },
  created() {
    const expertId = this.$route.params.expertId
    this.getInfo(expertId);
  },
  methods: {
    getInfo(expertId) {
      getExpert(expertId).then(response => {
        this.infoObj = response.data;
      })
      this.loading = false;
    },
    
  }
}

</script>
<style>
.el-upload__tip {
  line-height: 1.2;
}

.h-title {
    --mainColor: #213774;
    --systemColor: #213774;
    --hoverBorColor: #dbe4f4;
    --listBgColor: #fff;
    --titleColor: #000;
    --textColor: #727272;
    --greyColor: #adadad;
    --greyBorColor: #979797;
    --hoverBgColor: #265fbe;
    --homebgColor: #dbe4f4;
    --listItemBgColor: #e5effe;
    --listItemShadow: #dbe4f4;
    --color: #125840;
    --homeBg: #f0f2f5;
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    font-style: normal;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
    cursor: default;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px 0;
    margin-bottom: 22px;
    border-left: 3px solid var(--mainColor);
    font-size: 18px;
    font-weight: 500;
}
.row-left{
    float: left;
    width: 12.5%;
    margin-right: 15px;
}
.row-right {
    --swiper-navigation-size: 44px;
    font-style: normal;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-size: 16px!important;
    float: left;
    box-sizing: border-box;
    margin: 0px 10px;
}
.row-title {
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    font-style: normal;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-size: 16px!important;
    float: left;
    box-sizing: border-box;
    width: 100%;
    display: flex;
}
h1-data{
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    font-style: normal;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
    line-height: 30px;
    margin: 0;
    padding: 0;
    cursor: default;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px;
}
.row-right-row {
  margin: 10px 0px;
  font-weight: bold;
}
.padding-class {
  margin: 10px 0px;
}
</style>
